<script setup lang="ts">
  import { isDark } from '@/hooks/core/useToggleDark';
  import { useMobile } from '@/hooks/core/useMobile';
  const isMobile = useMobile();
</script>

<template>
  <el-tag
    class="mr-4 lg:mr-10"
    type="success"
    :size="isMobile ? 'default' : 'large'"
    :effect="isDark ? 'dark' : 'light'"
  >
    <span class="tracking-wide"><slot></slot></span>
  </el-tag>
</template>

<style lang="scss"></style>
